<template>
    <div :style="containerStyle"> </div>
</template>
<script>
export default {
  name: 'Rectangle',
  props: {
    containerSize: { type: Object },
    containerStyle: { type: Object }
  },
  data: function () {
    return {}
  }
  // computed: {
  //     contentStyle: function() {
  //         let style = { ...this.containerStyle };
  //         style.width = `calc(100% - ${
  //             style["border-width"] ? parseInt(style["border-width"]) * 2 : 0
  //         }px)`;
  //         style.height = `calc(100% - ${
  //             style["border-width"] ? parseInt(style["border-width"]) * 2 : 0
  //         }px)`;
  //         return style;
  //     }
  // }
}
</script>
<style>

</style>